<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贵州移动乡村振兴平台</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- import Vue before Element -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    * ::-webkit-scrollbar {
        /*滚动条整体样式*/

        width: 1px;
        /*高宽分别对应横竖滚动条的尺寸*/

        height: 20px;

    }

    *::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/


        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

        background: #289eef;

    }

    #app {
        width: 100vw;
        height: 100vh;
        background: url(./beijingtupian.png) no-repeat 100% 100%;
        position: relative;
    }

    .leftBox::-webkit-scrollbar {
        /*滚动条整体样式*/

        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

    .leftBox {
        width: 400px;
        height: 400px;
        overflow: auto;
        padding: 10px 40px 10px 40px;
        position: fixed;
        left: 20px;
        top: 100px;
        border: 2px solid #2d6de4;
        box-sizing: border-box;
        clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 0);
        background: linear-gradient(-45deg, #289eef, #0c4e81 0) bottom right,

            linear-gradient(45deg, #289eef 14px, #0c4e81 0) bottom left,

            linear-gradient(135deg, #289eef 14px, #0c4e81 0) top left,

            linear-gradient(-135deg, #289eef 14px, #0c4e81 0) top right;

    }

    .detailBox {
        width: 550px;
        height: 500px;
        position: fixed;
        left: 540px;
        top: 100px;
        padding: 20px 100px;
        box-sizing: border-box;
        color: #fff;
        border: 2px solid #2d6de4;
        /* clip-path: polygon(0 120px,90px 60px,90px 0,100% 0,100% 100%,90px 100%,90px 100px);
        background: linear-gradient(-45deg, #289eef, #0c4e81 0) bottom right,

            linear-gradient(45deg, #289eef 14px, #0c4e81 0) bottom left,

            linear-gradient(135deg, #289eef 14px, #0c4e81 0) top left,

            linear-gradient(-135deg, #289eef 14px, #0c4e81 0) top right; */
    }

    .villagebutton {
        width: 140px;
        height: 40px;
        margin: 0 10px 10px 0 !important;
        text-align: center;
        background: rgba(13, 29, 79, .6) !important;
        color: #fff !important;
        border-color: rgba(13, 29, 79, .6) !important;
    }

    .villagebutton:hover {
        background: rgb(13, 29, 79) !important;

    }

    .villagebuttons {
        background: rgb(13, 29, 79) !important;
        border-color: rgb(13, 29, 79) !important;
    }

    .anmation {
        transition: all .6s linear;
        position: relative;
        left: -700px;
        opacity: 0;
        height: 0;
    }

    .anmations {
        transition: all .6s linear;
        position: relative;
        left: 0;
        opacity: 1;
        height: 0;
    }

    .anmation1s {
        transition: all .6s linear;
        position: relative;
        left: 700px;
        opacity: 0;
    }

    .anmation1 {
        transition: all .6s linear;
        position: relative;
        left: 0;
        opacity: 1;
    }

    .el-dialog {
        background: rgb(76, 96, 156);
    }

    .el-dialog__header .el-dialog__title {
        color: #fff !important;
    }

    .el-table {
        height: calc(100% - 102px);
        overflow: auto;
        background-color: rgba(13, 29, 79, .6);
    }

    .el-table::before {
        height: 0;
    }

    .el-table .warning-rows {
        color: #fff;
    }

    .el-table th.el-table__cell {
        background-color: #659bec;
    }

    .el-table .warning-row {
        background: rgb(0, 59, 81);
        color: #fff;
    }

    .el-table .warning-row:hover {
        color: #000;
    }

    .el-table .success-row:hover {
        color: #000;
    }

    .el-table .success-row {
        background: rgb(10, 39, 50);
        color: #fff;
    }

    .btngroup {
        margin-top: 10px;
    }

    .el-table__body {
        width: 100% !important;
    }

    .el-table__body-wrapper {
        height: 90%;

        overflow: auto;
    }

    .el-table__empty-block {
        min-height: 47.4px;
    }

    .herf {
        color: #fff;
        text-decoration: none;
    }

    .header {
        height: 100px;
        border: 1px solid transparent;
    }

    .el-breadcrumb {
        font-size: 24px;
        margin-left: 10px;
    }

    .el-breadcrumb__item .el-breadcrumb__inner {
        color: #fff !important;
    }

    .tag {
        margin: 10px;
    }

    .el-tag {
        font-size: 20px;
        background: rgb(76, 96, 156);
        border: 1px solid rgb(76, 96, 156);
    }
</style>

<body>
    <div id="app">
        <div class="header">
            <el-breadcrumb separator="/" class="tag">
                <el-breadcrumb-item>贵州省</el-breadcrumb-item>
                <el-breadcrumb-item>铜仁市</el-breadcrumb-item>
                <el-breadcrumb-item>沿河县</el-breadcrumb-item>
                <el-breadcrumb-item>{{allSite[0]}}</el-breadcrumb-item>
                <el-breadcrumb-item>{{allSite[1]}}</el-breadcrumb-item>
            </el-breadcrumb>
            <div>
                <el-tag>
                    <a href="./xiangcun.html?name=沿河土家族自治县" style="color: #409eff;text-decoration: none;">
                        ←
                    </a>
                </el-tag>
                <el-tag>贵州移动乡村振兴平台</el-tag>
                <el-tag>
                    <a href="http://117.187.244.34:10082/admin/#/main" style="color: #409eff;text-decoration: none;"
                        target="blink">慧村平台</a>
                </el-tag>
                <el-tag>
                    <a href="https://218.201.235.37:1443/" style="color: #409eff;text-decoration: none;"
                        target="blink">平安守望视频跳转接口</a>
                </el-tag>
            </div>
        </div>
        <el-table :data="tableDatas" :key="Math.random()" style="width: 100%" :row-class-name="tableRowClassName"
            :header-row-class-name="headerRowClassName">
            <el-table-column v-for="(item,index) in tables" :key="index" :prop="item.prop" :label="item.name"
                :width="item.width">
            </el-table-column>
            <el-table-column label="操作" width="96">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text" size="large">查看</el-button>
                    <el-button type="text" size="large" @click="delClick(scope)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div class="rightBox">
            <el-dialog :title="title" :visible.sync="dialogVisible" width="96%" style="color: #fff;">
                <el-table :data="tableData" max-height='850' :key="Math.random()" style="width: 100%"
                    :row-class-name="tableRowClassName" :header-row-class-name="headerRowClassName">
                    <el-table-column v-for="(item,index) in table" :key="index" :prop="item.prop" :label="item.name">
                    </el-table-column>
                </el-table>
                <!-- <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisible = false">取 消</el-button>
                    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
                </span> -->
                <div class="btngroup">
                    <el-button type="success" plain :class="[bottombtnflag===index?'villagebuttons':'','villagebutton']"
                        v-for="(item,index) in messageSheet" :key="index" v-on:click="changevillages(index,item.name)">
                        {{item.name}}
                    </el-button>
                    <el-button type="success" plain class="villagebutton">
                        <a href="https://218.201.235.37:1443/" class="herf" target="blink">视频监控</a>
                    </el-button>
                </div>
            </el-dialog>
        </div>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                dialogVisible: false,
                bottombtnflag: 0,
                title: '提示',
                ower: 1,
                table: [],
                tableData: [],
                allSite: [],
                tables: [{
                        id: 1,
                        prop: 'one',
                        name: "门牌号",
                        width: 160,
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "户主",
                        width: 160,
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "户主联系方式",
                        width: 180,
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "户主身份证号",
                        width: 380,
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "居住地址",
                        width: 580,
                    },
                    {
                        id: 6,
                        prop: 'six',
                        name: "联户长",
                        width: 120,
                    },
                    {
                        id: 7,
                        prop: 'seven',
                        name: "网格员",
                        width: 120,
                    },
                    {
                        id: 8,
                        prop: 'eight',
                        name: "网络长",
                        width: 120,
                    },
                ],
                tableDatas: [{
                        one: '5301',
                        two: '赵兴民',
                        three: '18386123465',
                        four: '522621198011849800',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组1号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5302',
                        two: '潘成虎',
                        three: '13308553254',
                        four: '511623196802837384',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组2号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5303',
                        two: '陈凯',
                        three: '13547023979',
                        four: '511623198007152379',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组3号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5304',
                        two: '龙建国',
                        three: '15508445216',
                        four: '511623196809155485',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组4号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5305',
                        two: '胡利文',
                        three: '13591325516',
                        four: '511623197008160295',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组5号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5306',
                        two: '孙定坤',
                        three: '15501254879',
                        four: '511623197010132515',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组6号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5307',
                        two: '刘大苏',
                        three: '17225468933',
                        four: '511623196802132515',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组7号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5308',
                        two: '王元',
                        three: '17333225145',
                        four: '511623198004152337',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组8号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5309',
                        two: '钱深林',
                        three: '15609023556',
                        four: '511623196607152547',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组9号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5310',
                        two: '黄可寻',
                        three: '17222585457',
                        four: '511623196809279895',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组10号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5311',
                        two: '李在仕',
                        three: '13408253693',
                        four: '511623196706135485',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组11号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                    {
                        one: '5312',
                        two: '谢道路',
                        three: '17702598798',
                        four: '511623198002132545',
                        five: '贵州省铜仁市沿河县祐溪街道办事处白果村1组12号',
                        six: '杨秀能',
                        seven: '杨会刚',
                        eight: '杨正飞',
                    },
                ],
                messageSheet: [{
                        id: 1,
                        name: '居住信息表'
                    },
                    {
                        id: 2,
                        name: '户口户籍信息表'
                    },
                    {
                        id: 3,
                        name: '人员基本信息表'
                    },
                    {
                        id: 4,
                        name: '社保信息表'
                    },
                    {
                        id: 5,
                        name: '医保信息表'
                    },
                    {
                        id: 6,
                        name: '健康信息表'
                    },
                    {
                        id: 7,
                        name: '疫苗接种信息表'
                    },
                    {
                        id: 8,
                        name: '培训信息表'
                    },
                    {
                        id: 9,
                        name: '就业信息表'
                    },
                    {
                        id: 10,
                        name: '学生信息表'
                    },
                    {
                        id: 11,
                        name: '车辆信息表'
                    },
                    {
                        id: 12,
                        name: '房屋信息表'
                    },
                    {
                        id: 13,
                        name: '房屋附加表'
                    },
                    {
                        id: 14,
                        name: '田土信息表'
                    },
                ],
                tableDataone: [{
                    one: '5301',
                    two: '赵兴民',
                    three: '522621198011849800',
                    four: '铜仁市沿河县',
                    five: '有所结余',
                    six: '12,21',
                    seven: '家中五口人,三个劳动力,母亲残疾,孙子读书',
                    eight: '是',
                }],
                tableDataone1: [{
                    one: '5302',
                    two: '潘成虎',
                    three: ' 5116231964028373845',
                    four: '铜仁市沿河县',
                    five: '有所结余',
                    six: '12,21',
                    seven: '家中五口人,四个劳动力,孙子读书',
                    eight: '是',
                }],
                tableDatatwo: [{
                    one: '小虎',
                    two: '5111920283736252',
                }, ],
                tableDatathree: [{
                        one: '潘成虎',
                        two: '男',
                        three: '户主',
                        four: '5116231964028373845',
                        five: '群众',
                        six: '初中',
                        seven: '13308553254',
                        eight: '有',
                        nine: '',
                        ten: '',
                        eleven: '否',
                        twelve: '',
                        thirteen: '户主',
                        fourteen: '铜仁市沿河县',
                        fifteen: '是',
                        sixteen: '',
                        seventeen: '铜仁市沿河县',
                        eighteen: '养殖，耕种',
                        nineteen: '家中务农',
                        twenty: '无',
                        'twenty-one': '无',
                        'twenty-two': '否',
                        'twenty-three': '',
                        'twenty-four': '是',
                        'twenty-five': '是',
                        'twenty-six': '是',
                        'twenty-seven': '是',
                        'twenty-eight': '否',
                        'twenty-nine': '苗族',
                        thirty: 'A',
                        'thirty-one': '168',
                        'thirty-two': '黄平县',
                        'thirty-three': '良好',
                    },

                    {
                        one: '杨桂花',
                        two: '女',
                        three: '户主的配偶',
                        four: '511623196602383936',
                        five: '群众',
                        six: '初中',
                        seven: '13308552516',
                        eight: '无',
                        nine: '疾病',
                        ten: '',
                        eleven: '否',
                        twelve: '1986.12.21',
                        thirteen: '户主的配偶',
                        fourteen: '铜仁市沿河县',
                        fifteen: '是',
                        sixteen: '',
                        seventeen: '铜仁市沿河县',
                        eighteen: '',
                        nineteen: '',
                        twenty: '无',
                        'twenty-one': '无',
                        'twenty-two': '否',
                        'twenty-three': '',
                        'twenty-four': '是',
                        'twenty-five': '是',
                        'twenty-six': '是',
                        'twenty-seven': '是',
                        'twenty-eight': '否',
                        'twenty-nine': '苗族',
                        thirty: 'B',
                        'thirty-one': '165',
                        'thirty-two': '黄平县',
                        'thirty-three': '良好',
                    },

                    {
                        one: '周甜甜',
                        two: '女',
                        three: '户主的女儿',
                        four: '511623198011245306',
                        five: '群众',
                        six: '高中',
                        seven: '13308553936',
                        eight: '有',
                        nine: '',
                        ten: '',
                        eleven: '否',
                        twelve: '2000.12.21',
                        thirteen: '户主的女儿',
                        fourteen: '铜仁市沿河县',
                        fifteen: '是',
                        sixteen: '',
                        seventeen: '铜仁市沿河县',
                        eighteen: '纺织',
                        nineteen: '上班',
                        twenty: '5000',
                        'twenty-one': '无',
                        'twenty-two': '是',
                        'twenty-three': '',
                        'twenty-four': '否',
                        'twenty-five': '否',
                        'twenty-six': '否',
                        'twenty-seven': '是',
                        'twenty-eight': '否',
                        'twenty-nine': '苗族',
                        thirty: 'AB',
                        'thirty-one': '168',
                        'thirty-two': '黄平县',
                        'thirty-three': '良好',
                    },
                    {
                        one: '潘小帅',
                        two: '男',
                        three: '户主的儿子',
                        four: '511623198003163985',
                        five: '共产党员',
                        six: '高中',
                        seven: '13308559987',
                        eight: '有',
                        nine: '',
                        ten: '',
                        eleven: '否',
                        twelve: '1980.3.16',
                        thirteen: '户主的儿子',
                        fourteen: '铜仁市沿河县',
                        fifteen: '是',
                        sixteen: '',
                        seventeen: '铜仁市沿河县',
                        eighteen: '炼铁',
                        nineteen: '上班',
                        twenty: '6500',
                        'twenty-one': '无',
                        'twenty-two': '是',
                        'twenty-three': '',
                        'twenty-four': '否',
                        'twenty-five': '否',
                        'twenty-six': '否',
                        'twenty-seven': '是',
                        'twenty-eight': '否',
                        'twenty-nine': '苗族',
                        thirty: 'A',
                        'thirty-one': '175',
                        'thirty-two': '黄平县',
                        'thirty-three': '良好',
                    },

                    {
                        one: '潘小虎',
                        two: '男',
                        three: '户主的孙子',
                        four: '511623200408273844',
                        five: '共青团员',
                        six: '高中',
                        seven: '13308554693',
                        eight: '无',
                        nine: '',
                        ten: '',
                        eleven: '否',
                        twelve: '2004.12.21',
                        thirteen: '户主的孙子',
                        fourteen: '铜仁市沿河县',
                        fifteen: '是',
                        sixteen: '',
                        seventeen: '铜仁市沿河县',
                        eighteen: '读书',
                        nineteen: '',
                        twenty: '无',
                        'twenty-one': '无',
                        'twenty-two': '否',
                        'twenty-three': '',
                        'twenty-four': '是',
                        'twenty-five': '否',
                        'twenty-six': '否',
                        'twenty-seven': '是',
                        'twenty-eight': '否',
                        'twenty-nine': '苗族',
                        thirty: 'A',
                        'thirty-one': '173',
                        'thirty-two': '黄平县',
                        'thirty-three': '无',
                    }
                ],
                tableDatafour: [{
                        zero: '赵兴明',
                        one: '522621198011849800',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363581',
                    },
                    {
                        zero: '胡小妹',
                        one: '511623195511052516',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363582',
                    },
                    {
                        zero: '周莉',
                        one: '511623198001233936',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363583',
                    }, {
                        zero: '赵成龙',
                        one: '511623195603169655',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363584',
                    }, {
                        zero: '赵晨',
                        one: '511623200011245855',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363585',
                    }
                ],
                tableDatafour1: [{
                        zero: '潘成虎',
                        one: '5116231964028373845',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363337',
                    },
                    {
                        zero: '杨桂花',
                        one: ' 511623196602383936',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363336',
                    },
                    {
                        zero: '周甜甜',
                        one: '511623198011245306',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363335',
                    }, {
                        zero: '潘小帅',
                        one: '511623198003163985',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363334',
                    }, {
                        zero: '潘小虎',
                        one: '511623200408273844',
                        two: '是',
                        three: '养老保险',
                        four: '铜仁市沿河县',
                        five: '50292837363333',
                    }
                ],
                tableDatafive: [{
                        zero: '赵兴明',
                        one: '522621198011849800',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363581',
                    },
                    {
                        zero: '胡小妹',
                        one: '511623195511052516',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363582',
                    },
                    {
                        zero: '周莉',
                        one: '511623198001233936',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363583',
                    }, {
                        zero: '赵成龙',
                        one: '511623195603169655',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363584',
                    }, {
                        zero: '赵晨',
                        one: '511623200011245855',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363585',
                    }
                ],
                tableDatafive1: [{
                        zero: '潘成虎',
                        one: '5116231964028373845',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363337',
                    },
                    {
                        zero: '杨桂花',
                        one: ' 511623196602383936',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363336',
                    },
                    {
                        zero: '周甜甜',
                        one: '511623198011245306',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363335',
                    }, {
                        zero: '潘小帅',
                        one: '511623198003163985',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363334',
                    }, {
                        zero: '潘小虎',
                        one: '511623200408273844',
                        two: '是',
                        three: '医疗保险',
                        four: '铜仁市沿河县',
                        five: '50292837363333',
                    }
                ],
                tableDatasix: [{
                    one: '0712',
                    two: '小虎',
                    three: '刘医生证明',
                    four: '贵州刘盘数',
                    five: '健康',
                    six: '亚健康',
                    seven: '新冠',
                }],
                tableDataseven: [{
                    one: '515117811878',
                    two: '成都医药',
                    three: '加强针',
                    four: '已接种',
                    five: '2022-12-21',
                    six: '成都',
                    seven: '略',
                }],
                tableDataeight: [{
                    one: '515117811878',
                    two: '幼师',
                    three: '2019-01-21',
                    four: '母猪的产后护理',
                    five: '无证书',
                }],
                tableDatanine: [{
                        one: '511623198011245306',
                        two: '',
                        three: '',
                        four: '2016.12.4',
                        five: '60个月',
                        six: '贵州',
                        seven: '铜仁市沿河县',
                        eight: '铜仁市沿河县',
                        nine: '工业街114号',
                        ten: '铜仁市沿河县纺织厂',
                        eleven: '纺织工人',
                        twelve: '8',
                        thirteen: '体力劳动',
                        fourteen: '是',
                        fifteen: '是',
                        sixteen: '4500',
                        seventeen: '愿意',
                        eighteen: '是',
                        nineteen: '',
                    },

                    {
                        one: '511623198003163985',
                        two: '',
                        three: '',
                        four: '2015.12.4',
                        five: '60个月',
                        six: '贵州',
                        seven: '铜仁市沿河县',
                        eight: '铜仁市沿河县',
                        nine: '工业街185号',
                        ten: '铜仁市沿河县炼铁厂',
                        eleven: '炼铁工人',
                        twelve: '8',
                        thirteen: '体力劳动',
                        fourteen: '是',
                        fifteen: '是',
                        sixteen: '4500',
                        seventeen: '愿意',
                        eighteen: '是',
                        nineteen: '',
                    }

                ],
                tableDataten: [{
                    one: '511623200428373845',
                    two: '贵州省',
                    three: '铜仁市沿河县',
                    four: '铜仁市沿河县',
                    five: '校园街226号',
                    six: '铜仁市沿河县第三中学',
                    seven: '高二',
                    eight: '5116231968028373845',
                    nine: '否',
                    ten: '贫困生资助',
                    eleven: '',
                }],
                tableDataeleven: [{
                    one: '5252626726767',
                    two: '奔驰',
                    three: '是',
                    four: '川A77809',
                    five: '偷的',
                }],
                tableDatatwelve: [{
                    one: '5116231964028373845',
                    two: '铜仁市沿河县安平村',
                    three: '土木结构',
                    four: '',
                    five: '12.21',
                    six: '114',
                    seven: '2',
                    eight: '是',
                    nine: '安兴保险',
                    ten: '低',
                }],
                tableDatathirth: [{
                    one: '小产权房',
                    two: '是',
                    three: '是',
                    four: '',
                    five: '',
                    six: ' 2021.6.4',
                    seven: '砖混结构',
                    eight: '20000',
                    nine: '114平方',
                    ten: '政府证明',
                    eleven: '',
                    twelve: '2021.12.4',
                    thirteen: '危房，已经不适合居住',
                    fourteen: '',
                }],
                tableDatafourth: [{
                    one: '5116231964028373845',
                    two: '个人所有',
                    three: '',
                    four: '旱田',
                    five: '12.31',
                    six: '安平村明山',
                    seven: '5亩',
                    eight: '否',
                    nine: '',
                    ten: '',
                    eleven: '玉米',
                }],
                tableOne: [{
                        id: 1,
                        prop: 'one',
                        name: "门牌号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "户主"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "户主身份证号"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "地址"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "户介绍"
                    },
                    {
                        id: 6,
                        prop: 'six',
                        name: "位置经纬度"
                    },
                    {
                        id: 7,
                        prop: 'seven',
                        name: "描述"
                    },
                    {
                        id: 8,
                        prop: 'eight',
                        name: "是否贫困户"
                    },
                ],
                tableTwo: [{
                        id: 1,
                        prop: 'one',
                        name: "户主"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "身份证号"
                    },
                ],
                tableThree: [{
                        id: 1,
                        prop: 'one',
                        name: "姓名"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "性别"
                    },
                    {
                        id: 1,
                        prop: 'three',
                        name: "与户主关系"
                    },
                    {
                        id: 2,
                        prop: 'four',
                        name: "身份证号"
                    },
                    {
                        id: 1,
                        prop: 'five',
                        name: "政治面貌"
                    },
                    {
                        id: 2,
                        prop: 'six',
                        name: "文化程度"
                    },
                    {
                        id: 2,
                        prop: 'seven',
                        name: "联系电话"
                    },
                    {
                        id: 2,
                        prop: 'eight',
                        name: "有无劳动力"
                    },
                    {
                        id: 2,
                        prop: 'nine',
                        name: "无劳动力原因"
                    },
                    {
                        id: 2,
                        prop: 'ten',
                        name: "固化"
                    },
                    {
                        id: 2,
                        prop: 'eleven',
                        name: "是否外地户籍"
                    },
                    {
                        id: 2,
                        prop: 'twelve',
                        name: "共同生活的开始时间"
                    },
                    {
                        id: 2,
                        prop: 'thirteen',
                        name: "与户籍户主关系"
                    },
                    {
                        id: 2,
                        prop: 'fourteen',
                        name: "籍贯"
                    },
                    {
                        id: 2,
                        prop: 'fifteen',
                        name: "是否长期居住"
                    },
                    {
                        id: 2,
                        prop: 'sixteen',
                        name: "社保缴纳"
                    },
                    {
                        id: 2,
                        prop: 'seventeen',
                        name: "现居住地"
                    },
                    {
                        id: 2,
                        prop: 'eighteen',
                        name: "掌握技能"
                    },
                    {
                        id: 2,
                        prop: 'nineteen',
                        name: "就业信息"
                    },
                    {
                        id: 2,
                        prop: 'twenty',
                        name: "工资收入"
                    },
                    {
                        id: 2,
                        prop: 'twenty-one',
                        name: "补贴收入"
                    },
                    {
                        id: 2,
                        prop: 'twenty-two',
                        name: "是否接受过培训"
                    },
                    {
                        id: 2,
                        prop: 'twenty-three',
                        name: "备注"
                    },
                    {
                        id: 2,
                        prop: 'twenty-four',
                        name: "是否贫困人员"
                    },
                    {
                        id: 2,
                        prop: 'twenty-five',
                        name: "是否低保人员"
                    },
                    {
                        id: 2,
                        prop: 'twenty-six',
                        name: "是否五保人员"
                    },
                    {
                        id: 2,
                        prop: 'twenty-seven',
                        name: "是否精准扶贫户"
                    },
                    {
                        id: 2,
                        prop: 'twenty-eight',
                        name: "是否退伍军人"
                    },
                    {
                        id: 2,
                        prop: 'twenty-ninet',
                        name: "民族"
                    },
                    {
                        id: 2,
                        prop: 'thirty',
                        name: "血型"
                    },
                    {
                        id: 2,
                        prop: 'thirty-one',
                        name: "身高"
                    },
                    {
                        id: 2,
                        prop: 'thirty-two',
                        name: "出生地"
                    },
                    {
                        id: 2,
                        prop: 'thirty-three',
                        name: "婚姻状况"
                    },
                ],
                tableFour: [{
                        id: 0,
                        prop: 'zero',
                        name: "姓名"
                    },
                    {
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "是否参保"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "参保类型"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "参保地"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "社保号"
                    },
                ],
                tableFive: [{
                        id: 0,
                        prop: 'zero',
                        name: "姓名"
                    },
                    {
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "是否参保"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "参保类型"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "参保地"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "医保号"
                    },
                ],
                tableSix: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "确诊时间"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "证明信息"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "备注"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "是否健康"
                    },
                    {
                        id: 6,
                        prop: 'six',
                        name: "类型"
                    },
                    {
                        id: 7,
                        prop: 'seven',
                        name: "疾病类型"
                    },
                ],
                tableSeven: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "疫苗名称"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "疫苗类型"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "接种状态"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "接种时间"
                    },
                    {
                        id: 6,
                        prop: 'six',
                        name: "接种地点"
                    },
                    {
                        id: 7,
                        prop: 'seven',
                        name: "未接种原因"
                    },
                ],
                tableEight: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "培训类型"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "培训时间"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "培训内容"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "证书"
                    },
                ],
                tableNine: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "类型"
                    },
                    {
                        id: 1,
                        prop: 'three',
                        name: "类别"
                    },
                    {
                        id: 2,
                        prop: 'four',
                        name: "就业创业开始时间"
                    },
                    {
                        id: 1,
                        prop: 'five',
                        name: "就业创业月数"
                    },
                    {
                        id: 2,
                        prop: 'six',
                        name: "省份"
                    },
                    {
                        id: 2,
                        prop: 'seven',
                        name: "市州"
                    },
                    {
                        id: 2,
                        prop: 'eight',
                        name: "县市"
                    },
                    {
                        id: 2,
                        prop: 'nine',
                        name: "详细地址"
                    },
                    {
                        id: 2,
                        prop: 'ten',
                        name: "就业单位"
                    },
                    {
                        id: 2,
                        prop: 'eleven',
                        name: "从事工种"
                    },
                    {
                        id: 2,
                        prop: 'twelve',
                        name: "每日工作时长"
                    },
                    {
                        id: 2,
                        prop: 'thirteen',
                        name: "工作性质"
                    },
                    {
                        id: 2,
                        prop: 'fourteen',
                        name: "单位是否缴纳养老保险"
                    },
                    {
                        id: 2,
                        prop: 'fifteen',
                        name: "单位是否缴纳医保"
                    },
                    {
                        id: 2,
                        prop: 'sixteen',
                        name: "月收入"
                    },
                    {
                        id: 2,
                        prop: 'seventeen',
                        name: "就业意愿"
                    },
                    {
                        id: 2,
                        prop: 'eighteen',
                        name: "是否能外出打工"
                    },
                    {
                        id: 2,
                        prop: 'nineteen',
                        name: "备注"
                    },
                ],
                tableTen: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "学校所在省"
                    },
                    {
                        id: 1,
                        prop: 'three',
                        name: "学校所在市"
                    },
                    {
                        id: 2,
                        prop: 'four',
                        name: "学校所在县"
                    },
                    {
                        id: 1,
                        prop: 'five',
                        name: "学校详细地址"
                    },
                    {
                        id: 2,
                        prop: 'six',
                        name: "学校名称"
                    },
                    {
                        id: 2,
                        prop: 'seven',
                        name: "就读年纪"
                    },
                    {
                        id: 2,
                        prop: 'eight',
                        name: "监护人身份证号"
                    },
                    {
                        id: 2,
                        prop: 'nine',
                        name: "是否转移"
                    },
                    {
                        id: 2,
                        prop: 'ten',
                        name: "资助信息"
                    },
                    {
                        id: 2,
                        prop: 'eleven',
                        name: "备注"
                    },
                ],
                tableEleven: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "车辆类型"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "是否上牌"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "车牌号"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "备注"
                    },
                ],
                tableTwelve: [{
                        id: 1,
                        prop: 'one',
                        name: "房屋户主身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "房屋地址"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "房屋结构"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "房屋4张图"
                    },
                    {
                        id: 4,
                        prop: 'five',
                        name: "房屋经纬度"
                    },
                    {
                        id: 4,
                        prop: 'six',
                        name: "房屋面积"
                    },
                    {
                        id: 5,
                        prop: 'seven',
                        name: "房屋层数"
                    },
                    {
                        id: 6,
                        prop: 'eight',
                        name: "房屋是否保险"
                    },
                    {
                        id: 7,
                        prop: 'nine',
                        name: "保险品种"
                    },
                    {
                        id: 8,
                        prop: 'ten',
                        name: "房屋安全度"
                    },
                ],
                tableThirth: [{
                        id: 1,
                        prop: 'one',
                        name: "房屋类别"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "是否符合改造"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "是否改造"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "改造前房屋照片"
                    },
                    {
                        id: 4,
                        prop: 'five',
                        name: "改造后房屋照片"
                    },
                    {
                        id: 4,
                        prop: 'six',
                        name: "改造时间"
                    },
                    {
                        id: 5,
                        prop: 'seven',
                        name: "改造类别"
                    },
                    {
                        id: 6,
                        prop: 'eight',
                        name: "补助金额"
                    },
                    {
                        id: 7,
                        prop: 'nine',
                        name: "改造面积"
                    },
                    {
                        id: 8,
                        prop: 'ten',
                        name: "补助凭证"
                    },
                    {
                        id: 8,
                        prop: 'eleven',
                        name: "类型"
                    },
                    {
                        id: 8,
                        prop: 'twelve',
                        name: "建造时间"
                    },
                    {
                        id: 8,
                        prop: 'thirteen',
                        name: "符合改造原因"
                    },
                    {
                        id: 8,
                        prop: 'fourteen',
                        name: "未改造原因"
                    },
                ],
                tableFourth: [{
                        id: 1,
                        prop: 'one',
                        name: "身份证号"
                    },
                    {
                        id: 2,
                        prop: 'two',
                        name: "归属"
                    },
                    {
                        id: 3,
                        prop: 'three',
                        name: "类型"
                    },
                    {
                        id: 4,
                        prop: 'four',
                        name: "属性"
                    },
                    {
                        id: 5,
                        prop: 'five',
                        name: "经纬度"
                    },
                    {
                        id: 6,
                        prop: 'six',
                        name: "地址"
                    },
                    {
                        id: 7,
                        prop: 'seven',
                        name: "数量"
                    },
                    {
                        id: 7,
                        prop: 'eight',
                        name: "是否为流转田地"
                    },
                    {
                        id: 7,
                        prop: 'nine',
                        name: "说明"
                    },
                    {
                        id: 7,
                        prop: 'ten',
                        name: "照片"
                    },
                    {
                        id: 7,
                        prop: 'eleven',
                        name: "种植品种"
                    },
                ],
            }
        },
        created() {
            this.allSite = localStorage.getItem('site').split('-')
        },
        methods: {
            handleClick(row) {
                if (row.one == 5301) {
                    this.ower = 1
                    this.tableData = this.tableDataone
                } else if (row.one == 5302) {
                    this.ower = 2
                    this.tableData = this.tableDataone1
                } else {
                    this.$message({
                        message: '暂无此业主其他信息',
                        type: 'warning'
                    });
                    return
                }
                this.dialogVisible = true
                this.bottombtnflag = 0

                this.table = this.tableOne
            },
            delClick(row) {
                this.tableDatas.splice(row.$index, 1)
            },
            changevillages(ind, e) {
                this.bottombtnflag = ind
                this.title = e
                switch (ind) {
                    case 0:
                        if (this.ower == 1) {
                            this.tableData = this.tableDataone
                        } else {
                            this.tableData = this.tableDataone1
                        }

                        this.table = this.tableOne
                        break;
                    case 1:
                        this.tableData = this.tableDatatwo
                        this.table = this.tableTwo
                        break;
                    case 2:
                        this.tableData = this.tableDatathree
                        this.table = this.tableThree
                        break;
                    case 3:
                        if (this.ower == 1) {
                            this.tableData = this.tableDatafour
                        } else {
                            this.tableData = this.tableDatafour1
                        }

                        this.table = this.tableFour
                        break;
                    case 4:
                        if (this.ower == 1) {
                            this.tableData = this.tableDatafive
                        } else {
                            this.tableData = this.tableDatafive1
                        }

                        this.table = this.tableFive
                        break;
                    case 5:
                        this.tableData = this.tableDatasix
                        this.table = this.tableSix
                        break;
                    case 6:
                        this.tableData = this.tableDataseven
                        this.table = this.tableSeven
                        break;
                    case 7:
                        this.tableData = this.tableDataeight
                        this.table = this.tableEight
                        break;
                    case 8:
                        this.tableData = this.tableDatanine
                        this.table = this.tableNine
                        break;
                    case 9:
                        this.tableData = this.tableDataten
                        this.table = this.tableTen
                        break;
                    case 10:
                        this.tableData = this.tableDataeleven
                        this.table = this.tableEleven
                        break;
                    case 11:
                        this.tableData = this.tableDatatwelve
                        this.table = this.tableTwelve
                        break;
                    case 12:
                        this.tableData = this.tableDatathirth
                        this.table = this.tableThirth
                        break;
                    case 13:
                        this.tableData = this.tableDatafourth
                        this.table = this.tableFourth
                        break;

                }
            },
            tableRowClassName({
                row,
                rowIndex
            }) {
                if (rowIndex % 2 === 0) {
                    return 'warning-row';
                } else if (rowIndex % 2 === 1) {
                    return 'success-row';
                }
                return '';
            },
            headerRowClassName({
                rowIndex
            }) {
                if (rowIndex === 0) {
                    return 'warning-rows';
                }
                return '';
            }
        }
    })
</script>

</html>